﻿<!DOCTYPE html>

<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Irina Grosu, Ana-Teodora Petrea">
    <meta name='robots' content='noindex,nofollow' />

    <link rel='stylesheet' id='font-css'
        href='http://fonts.googleapis.com/css?family=Open+Sans%3A400%2C700%2C300&#038;subset=latin%2Clatin-ext&#038;ver=3.6'
        type='text/css' media='all' />


    <link rel='stylesheet' id='revolution-fullwidth' href='assets/libraries/rs-plugin/css/fullwidth.css' type='text/css' media='all' />
    <link rel='stylesheet' id='revolution-settings' href='assets/libraries/rs-plugin/css/settings.css' type='text/css' media='all' />
    <link rel='stylesheet' id='bootstrap-css' href='assets/libraries/bootstrap/css/bootstrap.min.css' type='text/css' media='all' />
    <link rel='stylesheet' id='bootstrap-responsive-css' href='assets/libraries/bootstrap/css/bootstrap-responsive.min.css' type='text/css' media='all' />

    <link rel='stylesheet' id='pictopro-normal-css' href='assets/icons/pictopro-normal/style.css' type='text/css' media='all' />
    <link rel='stylesheet' id='justvector-web-font-css' href='assets/icons/justvector-web-font/stylesheet.css' type='text/css' media='all' />
    <link rel='stylesheet' id='chosen-css' href='assets/libraries/chosen/chosen.css' type='text/css' media='all' />

    <link rel='stylesheet' id='aviators-css' href='assets/css/jquery.bxslider.css' type='text/css' media='all' />
    <link rel='stylesheet' id='properta-css' href='assets/css/properta.css' type='text/css' media='all' />

    <script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
    <script type='text/javascript' src='assets/js/aviators-settings.js'></script>
    <script type='text/javascript' src='assets/libraries/chosen/chosen.jquery.min.js'></script>
    <script type='text/javascript' src='assets/libraries/rs-plugin/js/jquery.themepunch.revolution.min.js'></script>
    <script type='text/javascript' src='assets/libraries/rs-plugin/js/jquery.themepunch.plugins.min.js'></script>
    <title>Social Mashup</title>
</head>

<body class="home page page-template">
    <script type="text/javascript">
        jQuery(document).ready(function ($) {

            $("#inputKey").bind("change paste keyup", function () {
                if ($('#inputKey').val() !== "") {
                    sessionStorage.apikey = $('#inputKey').val();
                }
            });

            if (typeof (sessionStorage.apikey) !== "undefined") {
                $('#inputKey').val(sessionStorage.apikey);
            }

        });
    </script>
    <div class="top">
        <div class="container">
            <div class="top-inner inverted">
                <div class="header clearfix">

                    <div class="branding pull-left">
                        <div class="logo">
                            <a href="http://www.flickr.com"  target="_blank" title="Home">
                                <img src="/assets/img/ic-flickr.png" style="width: 40px; height: 40px" alt="Home">
                            </a>
                        </div>
                        <!-- /.logo -->

                         <div class="site-name">
                            <div class="OutlineElement Ltr SCX229200098">
                                <p class="Paragraph SCX229200098" paraid="1805585685" paraeid="{000fc438-6492-44ab-99e2-a785a7d5b550}{238}">
                                    <span class="r_entity r_creativework" itemscope="" itemtype="http://schema.org/CreativeWork">
                                        <span class="r_prop r_name" itemprop="name">
                                            <a href="/" title="Home" class="brand">Social Mashup
                                            </a></span>
                                        <meta itemprop="description" content="Mash-up that provides the end user with the possibility to retrieve content from different social and sharing websites based on search tags and their synonyms" />
                                        <meta itemprop="url" content="http://wadesoma.wordpress.com/" />
                                        <span itemprop="copyrightHolder" itemscope="" itemtype="http://schema.org/Organization">
                                            <meta itemprop="name" content="Faculty of Computer Science" />
                                            <meta itemprop="url" content="http://www.infoiasi.ro/" />
                                            <span itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
                                                <meta itemprop="description" content="Faculty of Computer Science UAIC address" />
                                                <meta itemprop="url" content="http://www.infoiasi.ro/" />
                                                <meta itemprop="email" content="secretariat@info.uaic.ro" />
                                                <meta itemprop="faxNumber" content="+40 232 201490" />
                                                <meta itemprop="telephone" content="+40 232 201090" />
                                                <meta itemprop="addressCountry" content="Romania" />
                                                <meta itemprop="addressLocality" content="Iasi" />
                                                <meta itemprop="addressRegion" content="Iasi" />
                                                <meta itemprop="postalCode" content="700483" />
                                                <meta itemprop="postOfficeBoxNumber" content="16" />
                                                <meta itemprop="streetAddress" content="General Berthelot" />
                                            </span>
                                            <meta itemprop="image" content="http://www.infoiasi.ro/bin/download/Main/WebHome/imgfcs.png" />
                                            <meta itemprop="email" content="secretariat@info.uaic.ro" />
                                            <meta itemprop="faxNumber" content="+40 232 201490" />
                                            <meta itemprop="logo" content="http://www.infoiasi.ro/skins/fii/logo_fii3.png" />
                                            <meta itemprop="telephone" content="+40 232 201090" />
                                        </span><span itemprop="accountablePerson" itemscope="" itemtype="http://schema.org/Person">
                                            <meta itemprop="image" content="http://students.info.uaic.ro/~irina.grosu/images/Irina_Grosu.png" />
                                            <meta itemprop="name" content="Irina Grosu" />
                                            <meta itemprop="url" content="http://students.info.uaic.ro/~irina.grosu/" />
                                            <span itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
                                                <meta itemprop="url" content="http://students.info.uaic.ro/~irina.grosu/" />
                                                <meta itemprop="contactType" content="home" />
                                                <meta itemprop="email" content="irina.grosu90@gmail.com" />
                                                <meta itemprop="telephone" content="+40 749 076 404" />
                                                <meta itemprop="addressCountry" content="Ireland" />
                                                <meta itemprop="addressLocality" content="Dublin" />
                                                <meta itemprop="addressRegion" content="Dublin" />
                                                <meta itemprop="postalCode" content="18" />
                                                <meta itemprop="postOfficeBoxNumber" content="61" />
                                                <meta itemprop="streetAddress" content="East Courtyard, Tullyvale" />
                                            </span><span itemprop="alumniOf" itemscope="" itemtype="http://schema.org/EducationalOrganization">
                                                <meta itemprop="name" content="Faculty of Computer Science Iasi" />
                                                <meta itemprop="url" content="http://www.infoiasi.ro/" />
                                                <meta itemprop="logo" content="http://www.infoiasi.ro/skins/fii/logo_fii3.png" />
                                            </span>
                                            <meta itemprop="birthDate" content="1990-06-18" />
                                            <meta itemprop="email" content="irina.grosu90@gmail.com" />
                                            <meta itemprop="familyName" content="Grosu" />
                                            <meta itemprop="jobTitle" content="Software Developement Engineer in Test" />
                                            <meta itemprop="nationality" content="Romanian" />
                                            <span itemprop="worksFor" itemscope="" itemtype="http://schema.org/Organization">
                                                <meta itemprop="name" content="Microsoft" />
                                                <meta itemprop="url" content="http://www.microsoft.com/" />
                                                <meta itemprop="logo" content="http://c.s-microsoft.com/en-us/CMSImages/mslogo.png?version=856673f8-e6be-0476-6669-d5bf2300391d" />
                                            </span></span>
                                        <meta itemprop="genre" content="Software Application" />
                                        <meta itemprop="inLanguage" content="en-us" />
                                        <meta itemprop="keywords" content="mash-up social keyword map" />
                                        <meta itemprop="dateCreated" content="2013-11-04" />
                                    </span>
                                </p>
                            </div>
                        </div>
                        <div class="logo">
                            <a href="http://www.twitter.com" target="_blank" title="Home">
                                <img src="/assets/img/ic-twitter.png" style="width: 40px; height: 40px" alt="Home">
                            </a>
                        </div>

                        <!-- /.site-name -->
                    </div>

                    <div class="user-area pull-right">
                        <div class="menu-anonymous-container">
                            <ul id="menu-anonymous" class="nav nav-pills">
                                <li class="menu-item">
                                    <input type="text" value="" name="filter_area_from" id="inputKey" placeholder="Api Key" style="margin-left: 30px; width: 450px" /></li>
                                <li class="menu-item"><a href="Register">Register</a></li>

                            </ul>
                        </div>
                    </div>
                    <!-- /.user-area -->
                </div>
                <!-- /.header -->
                <div class="navigation navbar clearfix">
                    <div class="pull-left">
                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>

                    <div class="pull-right">
                        <div class="list-property">
                            <a href="">
                                <div class="ribbon"><span class="icon icon-normal-circle-plus"></span></div>
                            </a>
                        </div>
                        <!-- /.list-property -->
                    </div>
                    <!-- /.pull-right -->
                </div>
            </div>
        </div>
    </div>

    <div id="content" class="clearfix">
        <div class="login-register" style="height: 350px;">
            <h2>Register</h2>

            <div class="row">
                <div class="span4 offset4">
                    <!-- /.nav -->

                    <div class="tab-content" style="width:800px; margin-left:-100px">
                        <div class="tab-pane active" id="register" style="width:800px; margin:auto">

                            <p>In order to use the Social Mashup application you need an API key. Please register your email address in order to receive one.</p>
                            <p>If the registration is succesful an email with your API key will be sent. Use that key to make queries to the website.</p>
                            <script type="text/javascript">
                                jQuery(document).ready(function ($) {
                                    $('#registerButton').click(function () {

                                        var Email = {
                                            UserEmail: $('#user_email').val()
                                        }

                                        // $('#errorParagraph').text("Error");
                                        $.ajax({
                                            url: '/Register/Create',
                                            type: 'POST',
                                            data: Email,
                                            dataType: 'json',
                                            success: function (xml, textStatus, xhr) {
                                                console.log(arguments);
                                                console.log(xhr.status);
                                                $('#errorParagraph').text(splitRes[1].replace("ReasonPhrase: ", "").replace("'", ""));
                                                $('#errorParagraph').css('color', 'green');
                                            },
                                            error: function (e) {
                                                //  alert(JSON.stringify(e));

                                                var splitRes = e.responseText.split(',');

                                                $('#errorParagraph').text(splitRes[1].replace("ReasonPhrase: ", "").replace("'", ""));
                                                if (splitRes[0].indexOf("200") >= 0) {
                                                    $('#errorParagraph').css('color', 'green');
                                                }
                                                else {
                                                    $('#errorParagraph').css('color', 'red');
                                                }
                                            }
                                        });
                                        return false;

                                    });
                                });
                            </script>
                            <form method="post">

                                <div class="control-group">
                                    <label class="control-label">
                                        E-mail
                                               
                                        <span class="form-required" title="This field is required.">*</span>
                                    </label>

                                    <div class="controls">
                                        <input type="email" required="required" value="" id="user_email">
                                    </div>
                                    <!-- /.controls -->
                                </div>
                                <!-- /.control-group -->

                                <div class="form-actions">
                                    <input id="registerButton" type="submit" value="Register" class="btn btn-primary arrow-right">
                                </div>
                                <p id="errorParagraph"></p>
                                <!-- /.form-actions -->
                            </form>

                        </div>

                    </div>
                    <!-- /.tab-content -->
                    <hr>
                </div>
            </div>
        </div>
        <!-- /.span4-->
    </div>
    <div class="footer-bottom">
        <div id="footer" class="footer container">
            <div id="footer-inner">
                <div class="row">
                    <div class="span6">
                        <div id="text-3" class="widget widget-text">
                            <div class="textwidget">&copy; 2014 Social Mashup, All Rights reserved</div>
                        </div>
                    </div>
                    <!-- /.copyright -->

                     <div class="span6">
                        <div id="nav_menu-3" class="widget widget-nav_menu">
                            <div class="menu-footer-links-container">
                                <ul id="menu-footer-links" class="menu">
                                    <li class="menu-item"><a href="Help">Help</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- /.span6 -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /#footer-inner -->
        </div>
        <!-- /#footer -->
    </div>
    <!-- /.breadcrumb -->
    <script type='text/javascript' src='http://maps.googleapis.com/maps/api/js?v=3&#038;sensor=true&#038;ver=3.6'></script>
    <script type='text/javascript' src='assets/js/aviators-map.js'></script>
    <script type='text/javascript' src='assets/js/gmap3.infobox.min.js'></script>
    <script type='text/javascript' src='assets/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='assets/js/retina.js'></script>
    <script type='text/javascript' src='assets/js/gmap3.clusterer.js'></script>
    <script type='text/javascript' src='assets/js/jquery.ezmark.js'></script>
    <script type='text/javascript' src='assets/js/carousel.js'></script>
    <script type='text/javascript' src='assets/js/jquery.bxslider.js'></script>
    <script type='text/javascript' src='assets/js/properta.js'></script>
    <script type='text/javascript' src='assets/js/jquery.bxslider.min.js'></script>
</body>
</html>
